<template>
  <div>
    <van-nav-bar fixed title="会员列表" left-arrow @click-left="$utils.back($route.path);" />
    <div class="has-top">
      <div class="page-content-box mlr-25">
        <van-cell-group class="br-12 mt-20">
          <van-cell title="头像" center is-link>
            <template>
              <div class="profile-box is-90 br-full bg-primary fr">
                <img :src="imgUrl" />
              </div>
            </template>
          </van-cell>
        </van-cell-group>
        <van-cell-group class="br-12 mt-20">
          <van-cell
            :title="item.title"
            center
            v-for="(item, index) in infoList"
            :key="index"
            :is-link="item.link?true:false"
          >
            <template>
              <!-- <div class="profile-box is-90 br-full bg-primary fr">
                <img :src="imgUrl" />
              </div>-->
              <p class="fs-28 color-black">{{ item.value }}</p>
            </template>
          </van-cell>
        </van-cell-group>
        <van-cell-group class="br-12 mt-20">
          <van-cell :title="item.title" center v-for="(item, index) in areaList" :key="index">
            <template>
              <!-- <div class="profile-box is-90 br-full bg-primary fr">
                <img :src="imgUrl" />
              </div>-->
              <p class="fs-28 color-black">{{ item.value }}</p>
            </template>
          </van-cell>
        </van-cell-group>
        <!-- 列表 -->
      </div>
    </div>
  </div>
</template>

<script>
import SvgIcon from 'components/SvgIcon'
import formItem from 'components/formItem'
import contentSearch from 'components/contentSearch'
import shopImg from 'assets/images/bussiness_goods4.png'
import utils from 'utils/utils.js'
export default {
  components: {
    SvgIcon,
    formItem,
    contentSearch
  },
  data() {
    return {
      imgUrl:
        'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595245020488&di=98614398557f32b69d6b8e2dd589d30c&imgtype=0&src=http%3A%2F%2Fa2.att.hudong.com%2F36%2F48%2F19300001357258133412489354717.jpg',
      infoList: [
        { title: '会员等级', value: '第一会员' },
        { title: '会员号', value: '123456' },
        { title: '昵称', value: '好智商' },
        { title: '姓名', value: '好实用' },
        { title: '手机号码', value: '1231241241241' }
      ],
      areaList: [
        { title: '所属地区', value: '福建省泉州市丰泽区' },
        { title: '详细地址', value: '宝成大厦4号楼8楼好实用科技' }
      ]
    }
  },

  methods: {}
}
</script>
<style lang="scss" scoped></style>
